<template>
	<div>
		<el-row :gutter="2">
			<el-col :md="12" class="card">
				<CountTo :end-val="999" />
			</el-col>
			<el-col :md="12" class="card">
				<CountTo :cutting="true" :end-val="1000000" />
			</el-col>
			<el-col :md="12" class="card">
				<CountTo prefix="￥" :end-val="999" />
			</el-col>
			<el-col :md="12" class="card">
				<CountTo :duration="4000" :end-val="999" />
			</el-col>
		</el-row>
	</div>
</template>
<script setup name="count">
import CountTo from "@/components/CountTo/index";
</script>

<style lang="scss" scoped>
.card {
	width: 100%;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	box-shadow: 0 0 3px #ccc;
}
</style>
